﻿$(function () {
    $(".nav-menu").each(function () {
        //隐藏所有的子标题
        $(this).children(".nav-content").hide();
        //给所有的菜单项的主题绑定时间
        $(".nav-title").each(function () {
            $(this).click(function () {
                $(this).css("background-color", "#2d57d0");
               
                //当我点击主标题时，其子标题区展示出来
                //获取当前点击主标题下的子标题内容区
                var navConEle = $(this).parents(".nav-menu").children(".nav-content");
                //判断navConEle的display这个属性值是否为none
                if (navConEle.css("display") != "none") {
                    ////隐藏
                    //navConEle.hide();
                    //向上收起
                    //navConEle.slideUp();
                } else {
                    //当要展开一个子标题列表时，需要其他所有的子列表关闭
                    var navEle = navConEle.parents(".nav-menu");
                    var menuEles = navEle.siblings();
                    menuEles.each(function () {
                        /*$(this).children(".nav-content").hide(500);*/
                        $(this).children(".nav-content").slideUp();
                        $(".nav-title").css("background-color", "#1c232f");
                        
                    });
                    var navMenu = navConEle.children();
                    navMenu.each(function () {
                        $(this).click(function() {
                            $(this).css("background-color", "#2d57d0");
                            $(this).siblings().css("background-color", "#0c1119");
                        });
                    });
                    //展开
                    //navConEle.show(400);
                    //向下展开
                    navConEle.slideDown();
                }
            })
        });
        $(".left-title").click(function () {
            $(".nav-title").each(function () {
                $(".nav-title").css("background-color", "#1c232f");
            })
            //隐藏所有的子标题
            $(".nav-menu").each(function () {
                $(".nav-menu").children(".nav-content").hide();
               
            });
        });
        //$(".nav-content").click(function () {
        //    var navConEle1 = $(this).parents(".nav-menu").children(".nav-content");
        //    navConEle1.each(function () {
        //        /*$(this).children(".nav-content").hide(500);*/
        //       /* $(this).children(".nav-content").slideUp();*/
        //        $(this).css("background-color", "#1c232f");

        //    });
        //    $(this).css("background-color", "#0c1119");
        //});
    });
})